<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>ProCal-ProSer</title>
	
	<!-- bootstrap -->
	<link href="../../template/css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="../../template/css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/elements.css">
	<link rel="stylesheet" href="../../template/css/libs/select2.css" type="text/css" />

	<!-- this page specific styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/libs/dropzone.css">

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
	<script src="../../template/js/jquery.js"></script>
	
<body>
	<script src="../../javascript/Seguridad/header.js"></script>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<script src="../../javascript/Seguridad/section.js"> </script>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1>Publicaciones</h1>
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box clearfix">
								<!--<form role="form"  action="" id="form">-->
									<h2>Ver Publicación</h2>
									<h3><span>Datos Básicos</span></h3>
		                            <div class="row">		                            	
		                                <div class="col-lg-6">		                                    
	                                        <div class="form-group">	                                        	
	                                            <label>Título</label>
	                                            <div class="input-group">
	                                            	<span class="input-group-addon"><i class="fa fa-book"></i></span>
	                                           		<textarea class="form-control" id="TITULO" rows="3" readonly></textarea>
	                                        	</div>
	                                        </div>
	                                        <div class="form-group">
	                                            <label>Fuente</label>
	                                            <div class="input-group">
	                                            	<span class="input-group-addon"><i class="fa fa-book"></i></span>
	                                            	<textarea class="form-control" id="FUENTE" rows="3" readonly></textarea>
	                                        	</div>
	                                        </div>
	                                      	<div class="form-group">
	                                            <label>Obtenido de</label>
	                                            <div class="input-group">
	                                            	<span class="input-group-addon"><i class="fa fa-book"></i></span>
	                                            	<textarea class="form-control" id="OBTENIDO" rows="3" readonly></textarea>
	                                        	</div>
	                                        </div>
	                                        <div class="form-group">
												<label for="IDIOMA">Idioma</label>
												<div class="input-group">
													<span class="input-group-addon"><i class="fa fa-globe"></i></span>
													<input type="text" id="IDIOMA" name="IDIOMA" class="form-control" readonly>
									            </div>	
											</div>
											<div class="form-group">
												<label for="TIPOPUBLICACION">Tipo</label>
												<div class="input-group">
													<span class="input-group-addon"><i class="fa fa-book"></i></span>
													<input type="text" id="TIPOPUBLICACION" name="TIPOPUBLICACION" class="form-control" readonly>
									            </div>	
											</div>		                                    
		                                </div>
		                                <div class="col-lg-6">	
		                                	<div class="form-group">
		                                        <label>Fecha de Publicación (aaaa-mm-dd)</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
		                                        	<input type="text" id="FECHAPUB" class="form-control" readonly>
		                                        </div>
		                                    </div>
											<div class="form-group">
		                                        <label>Páginas</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-book"></i></span>
		                                        	<input type="text" id="PAGINAS" name="PAGINAS" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                    <div class="form-group">
		                                        <label>Volumen</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-bookmark-o"></i></span>
		                                        	<input type="text" id="VOLUMEN" name="VOLUMEN" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                    <div class="form-group">
		                                        <label>DOI</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-bookmark-o"></i></span>
		                                        	<input type="text" id="DOI" name="DOI" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                    <div class="form-group">
		                                        <label>ISSN</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-bookmark-o"></i></span>
		                                        	<input type="text" id="ISSN" name="ISSN" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                    <div class="form-group">
		                                        <label>País</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-globe"></i></span>
		                                        	<input type="text" id="PAIS" name="PAIS" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                    <div class="form-group">
		                                        <label>Ciudad</label>
		                                        <div class="input-group">
		                                        	<span class="input-group-addon"><i class="fa fa-globe"></i></span>
		                                        	<input type="text" id="CIUDAD" name="CIUDAD" class="form-control" readonly>
		                                    	</div>
		                                    </div>
		                                </div>
		                            </div>
		                            <h3><span>Autores y etiquetas</span></h3>		                            
	                                <div class="row">
	                                     <div class="col-md-12">		                                     
		                                     <div class="row">
					                            <div class="col-md-6">
					                            	<label>Autores</label>
			                                        <div class="form-group">
			                                        	<h5 id="autoresLista"></h5><!--lista separada por comas-->
			                                        </div>
		                                   		</div>
		                                    	<div class="col-md-6">
		                                    		<label>Etiquetas</label>
		                                    		<div class="form-group">
		                                    			<h5 id="etiquetasLista"></h5>
			                                        </div>
		                                    	</div>
	                                		</div>
	                                	</div>
	                                </div>	                                	                     	
			                        <h3 id="archivosTitulo"><span>Archivos</span></h3>
			                        <div class="row" id="divArchivos">
										<div class="col-lg-12">
											<ul class="list-group" id="listaArchivos">
											
											</ul>
										</div>
									</div>
									<h3 id="fichasTitulo"><span>Fichas Bibliográficas</span></h3>
									<div class="table-responsive" id="divFichas">
										<table class="table" id="tbFichas">
											<thead>	
												<tr>
													<th class="text-center">
														<span>Nombre Ficha</span>
													</th>
													<th class="text-center">
														<span>Creador</span>
													</th>
												</tr>
											</thead>
											<tbody class="table-responsive" id="listaFichas">
											</tbody>
										</table>
									</div>

									<h3><span>Bibliografia</span></h3>
									<div class="col-lg-6">
										<div class="form-group">
											<label for="selectTipoCitacion">Tipo de Citacion</label>
											<div class="input-group">
												<span class="input-group-addon"><i class="fa fa-bookmark"></i></span>
												<!--<select class="form-control" type="IDTIPO_CITACION" id="IDTIPO_CITACION">-->
												<select class="form-control" id="selectTipoCitacion"></select>
												</select>
											</div>
										</div>

										
										<div class="form-group">	
											<label>Bibliografia</label>
											<div class="input-group">
												<span class="input-group-addon"><i class="fa fa-book"></i></span>
												<h5  id="BIBLIOGRAFIA"  ></h5>
												<!--<h5 id="BIBLIOGRAFIA">'BIBLIOGRAFIA'</h5>-->
											</div>	
										</div>

										<!-- <div class="form-group">	                                        	
	                                            <label>Bibliografia</label>
	                                            <div class="input-group">
	                                            	<span class="input-group-addon"><i class="fa fa-book"></i></span>
	                                           		<textarea class="form-control" id="BIBLIOGRAFIA" rows="5" readonly></textarea>
	                                        	</div>
	                                        </div>-->
									</div>	




	                <!--MODAL VER Archivos-->   	                     
					<div class="modal fade" id="detalleArchivo" tabindex="-1" role="dialog" aria-labelledby="detalleArchivo" aria-hidden="true">
							<div class="modal-dialog" style="width:743px;">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h3 class="modal-title" id="tituloModal">Archivo</h3>
									</div>
								<div class="modal-body embedded" id="modalDiv">														
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
								</div>
							</div><!-- /.modal-content -->
						</div><!-- /.modal-dialog -->
					</div><!-- /.modal -->		                     	
					<!--FIN MODAL Archivos-->
					<!--MODAL VER Fichas-->   	                     
					<div class="modal fade" id="detalleFicha" tabindex="-1" role="dialog" aria-labelledby="detalleFicha" aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h3 class="modal-title" id="tituloModal">Contenido de Ficha</h3>
									</div>
								<div class="modal-body">										
									<div class="form-group">
										<div class="input-group">
											<h5 id="contenidoFicha"></h5>
										</div>
									</div>										
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
								</div>
							</div><!-- /.modal-content -->
						</div><!-- /.modal-dialog -->
					</div><!-- /.modal -->		                     	
					<!--FIN MODAL ARCHIVOS-->  					
		                     <br><br></br></br><br><br></br></br><br><br></br></br>
		                    <div class="row pull-center">
		                    	<div class="col-md-4"></div>
			                    <div class="col-md-4">      	
	                    			<button type="button" class="btn btn-default" value="regresar" onClick="history.back()">Regresar</button>
                    			</div>
                    			<div class="col-md-4"></div>
                    		</div>
                        	<!--</form>-->							
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 INV-TOOL. Powered by Nadya - Albert
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="../../javascript/Seguridad/interfaz.js"></script>
	<script src="../../template/js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="../../template/js/select2.min.js"></script>
	<script src="../../template/js/dropzone.js"></script>
	<script src="../../javascript/Publicacion_Documental/publicacionVer.js"></script>
	<script src="../../template/js/pdfobject.js"></script>
	<script src="../../javascript/Busqueda/Busqueda.js"></script>

	<!-- theme scripts -->
	<script src="../../template/js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->

</body>
</html>